<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Jane的个人作品集</title>
    <link href="http://zone.janescott.cn:88/metronic/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="page-container">
    <!-- BEGIN PAGE HEAD -->
    <div class="page-head">
    </div>
    <!-- END PAGE HEAD -->
    <!-- BEGIN PAGE CONTENT -->
    <div class="page-content" style="min-height: 552px;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="tabbable tabbable-custom tabbable-noborder">
                        <div class="tab-content">
                            <div class="tab-pane" id="tab_1">
                                <!-- BEGIN FILTER -->
                                <div class="margin-top-10">
                                    <div class="row mix-grid" style="">




                                        <div class="col-md-3 col-sm-4 mix category_1 mix_all" style=" display: block; opacity: 1;">
                                            <div class="mix-inner">
                                                <img class="img-responsive" src="http://zone.janescott.cn:88/metronic/admin/pages/media/works/img1.jpg" alt="">
                                                <div class="mix-details">
                                                    <h4>Cascusamus et iusto odio</h4>
                                                    <a class="mix-link">
                                                        <i class="fa fa-link"></i>
                                                    </a>
                                                    <a class="mix-preview fancybox-button" href="http://zone.janescott.cn:88/metronic/admin/pages/media/works/img2.jpg" title="Project Name" data-rel="fancybox-button">
                                                        <i class="fa fa-search"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-sm-6 mix category_2 mix_all" style="">
                                            <div class="mix-inner">
                                                <img class="img-responsive" src="http://zone.janescott.cn:88/metronic/admin/pages/media/works/img2.jpg" alt="">
                                                <div class="mix-details">
                                                    <h4>Cascusamus et iusto odio</h4>
                                                    <p>
                                                        At vero eos et accusamus et iusto odio digniss imos duc sasdimus qui sint blanditiis prae sentium voluptatum.
                                                    </p>
                                                    <a class="mix-link">
                                                        <i class="fa fa-link"></i>
                                                    </a>
                                                    <a class="mix-preview fancybox-button" href="http://zone.janescott.cn:88/metronic/admin/pages/media/works/img2.jpg" title="Project Name" data-rel="fancybox-button">
                                                        <i class="fa fa-search"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- END FILTER -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->
<!-- BEGIN PRE-FOOTER -->
<div class="page-prefooter">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12 footer-block">
                <h2>About</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
                </p>
            </div>
            <div class="col-md-3 col-sm-6 col-xs12 footer-block">
                <h2>Subscribe Email</h2>
                <div class="subscribe-form">
                    <form action="javascript:;">
                        <div class="input-group">
                            <input type="text" placeholder="mail@email.com" class="form-control">
                            <span class="input-group-btn">
							<button class="btn" type="submit">Submit</button>
							</span>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 footer-block">
                <h2>Follow Us On</h2>
                <ul class="social-icons">
                    <li>
                        <a href="javascript:;" data-original-title="rss" class="rss"></a>
                    </li>
                    <li>
                        <a href="javascript:;" data-original-title="facebook" class="facebook"></a>
                    </li>
                    <li>
                        <a href="javascript:;" data-original-title="twitter" class="twitter"></a>
                    </li>
                    <li>
                        <a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
                    </li>
                    <li>
                        <a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
                    </li>
                    <li>
                        <a href="javascript:;" data-original-title="youtube" class="youtube"></a>
                    </li>
                    <li>
                        <a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
                    </li>
                </ul>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 footer-block">
                <h2>Contacts</h2>
                <address class="margin-bottom-40">
                    Phone: 800 123 3456<br>
                    Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
                </address>
            </div>
        </div>
    </div>
</div>
<!-- END PRE-FOOTER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
    <div class="container">
        2014 © Metronic by keenthemes. <a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
    </div>
</div>
<div class="scroll-to-top" style="display: none;">
    <i class="icon-arrow-up"></i>
</div>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/respond.min.js"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="http://zone.janescott.cn:88/metronic/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="http://zone.janescott.cn:88/metronic/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="http://zone.janescott.cn:88/metronic/global/plugins/jquery-mixitup/jquery.mixitup.min.js"></script>
<script type="text/javascript" src="http://zone.janescott.cn:88/metronic/global/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<script src="http://zone.janescott.cn:88/metronic/global/scripts/metronic.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/admin/layout3/scripts/layout.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/admin/layout3/scripts/demo.js" type="text/javascript"></script>
<script src="http://zone.janescott.cn:88/metronic/admin/pages/scripts/portfolio.js"></script>
<script>
    jQuery(document).ready(function() {
        Metronic.init(); // init metronic core components
        Layout.init(); // init current layout
        Demo.init(); // init demo features
        Portfolio.init();
    });
</script>
<!-- END JAVASCRIPTS -->

<!-- END BODY -->
</body>
</html>